$(document).ready(function () {
  saveDessKey();//讀取保存裝扮的數據localStorage
  $("#save-Dess").click(function () {
    saveDess();//保存裝扮

  });


  $(".try-on-commodity").click(function () {
    var imgSrc = $(this).parent().parent().prev().attr("src");//获取当前商品src
    var imgSrcLeft = imgSrc.substring(0, imgSrc.length - 4);//剔除不需要的部分地址
    var imgSrcRight = imgSrcLeft.substring(5);//剔除不需要的部分地址
    $("#hat").attr("src", "img/" + imgSrcRight + ".gif");//重新设置地址 
  });
  $(".try-on-glassees").click(function () {
    var imgSrc = $(this).parent().parent().prev().attr("src");//获取当前商品src
    var imgSrcLeft = imgSrc.substring(0, imgSrc.length - 4);//剔除不需要的部分地址
    var imgSrcRight = imgSrcLeft.substring(10);//剔除不需要的部分地址
    $("#glasses").attr("src", "img/080" + imgSrcRight + ".gif");//重新设置地址   
  });
  $(".try-on-cloak").click(function () {
    var imgSrc = $(this).parent().parent().prev().attr("src");//获取当前商品src
    var imgSrcLeft = imgSrc.substring(0, imgSrc.length - 4);//剔除不需要的部分地址
    var imgSrcRight = imgSrcLeft.substring(10);//剔除不需要的部分地址
    $("#cape").attr("src", "img/020" + imgSrcRight + ".gif");//重新设置地址   
  });
  $(".try-on-pet").click(function () {
    var imgSrc = $(this).parent().parent().prev().attr("src");//获取当前商品src
    var imgSrcLeft = imgSrc.substring(0, imgSrc.length - 4);//剔除不需要的部分地址
    var imgSrcRight = imgSrcLeft.substring(9);//剔除不需要的部分地址
    $("#pet").attr("src", "img/190" + imgSrcRight + ".gif");//重新设置地址   
  });
  $(".try-on-trousers").click(function () {
    var imgSrc = $(this).parent().parent().prev().attr("src");//获取当前商品src
    var imgSrcLeft = imgSrc.substring(0, imgSrc.length - 4);//剔除不需要的部分地址
    var imgSrcRight = imgSrcLeft.substring(11);//剔除不需要的部分地址
    $("#pants").attr("src", "img/120" + imgSrcRight + ".gif");//重新设置地址   
  });
  $(".try-on-jacket").click(function () {
    var imgSrc = $(this).parent().parent().prev().attr("src");//获取当前商品src
    var imgSrcLeft = imgSrc.substring(0, imgSrc.length - 4);//剔除不需要的部分地址
    var imgSrcRight = imgSrcLeft.substring(10);//剔除不需要的部分地址
    $("#cloth").attr("src", "img/130" + imgSrcRight + ".gif");//重新设置地址   
  });
  $(".try-on-hat").click(function () {
    var imgSrc = $(this).parent().parent().prev().attr("src");//获取当前商品src
    var imgSrcLeft = imgSrc.substring(0, imgSrc.length - 4);//剔除不需要的部分地址
    var imgSrcRight = imgSrcLeft.substring(9);//剔除不需要的部分地址
    $("#hat").attr("src", "img/110" + imgSrcRight + ".gif");//重新设置地址   
  });
  $(".try-on-background").click(function () {
    var imgSrc = $(this).parent().parent().prev().attr("src");//获取当前商品src
    $("#wall-img").attr("src", imgSrc);//重新设置地址   
  });
  $("#reset-Dess").click(function () {
    resetDess();//恢復原狀
    saveDess();//保存裝扮
  });
  $(".purchase").click(function () {
    purchase();//購買
  });
});

function resetDess () {
  $("#wall-img").attr("src", "img/0000000.gif");
  $("#cape").attr("src", "img/0000000.gif");
  $("#body").attr("src", "img/0500000.gif");
  $("#pants").attr("src", "img/1210000.gif");
  $("#cloth").attr("src", "img/1300001.gif");
  $("#eyes").attr("src", "img/0710001.gif");
  $("#glasses").attr("src", "img/0000000.gif");
  $("#hair").attr("src", "img/0901011.gif");
  $("#hat").attr("src", "img/0000000.gif");
  $("#pet").attr("src", "img/0000000.gif");
}
function saveDess () {
  var saveDess = {
    wallImg: $("#wall-img").attr("src"),
    cape: $("#cape").attr("src"),
    body: $("#body").attr("src"),
    pants: $("#pants").attr("src"),
    cloth: $("#cloth").attr("src"),
    eyes: $("#eyes").attr("src"),
    glasses: $("#glasses").attr("src"),
    hair: $("#hair").attr("src"),
    hat: $("#hat").attr("src"),
    pet: $("#pet").attr("src")
  };
  saveDess = JSON.stringify(saveDess);
  localStorage.setItem("svaseData", saveDess);
}
function saveDessKey () {
  var saveDessKey = localStorage.getItem("svaseData");
  var saveDessObj = JSON.parse(saveDessKey);
  if (saveDessObj !== null) {
    $("#wall-img").attr("src", saveDessObj.wallImg);
    $("#cape").attr("src", saveDessObj.cape);
    $("#body").attr("src", saveDessObj.body);
    $("#pants").attr("src", saveDessObj.pants);
    $("#cloth").attr("src", saveDessObj.cloth);
    $("#eyes").attr("src", saveDessObj.eyes);
    $("#glasses").attr("src", saveDessObj.glasses);
    $("#hair").attr("src", saveDessObj.hair);
    $("#hat").attr("src", saveDessObj.hat);
    $("#pet").attr("src", saveDessObj.pet);
  }
}
function purchase () {
  $("#purchase-alert").addClass("purchaseAlert");
  $("#purchase-alert").removeClass("dispalyNone");
  setTimeout(function () {
    $("#purchase-alert").addClass("dispalyNone");
    $("#purchase-alert").removeClass("purchaseAlert");
  }, 3000);
}